<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>

    <!--导入资源-->
    <link rel="stylesheet" href="css/add.css">
    <script src="/html/js/axios.min.js"></script>
    <script src="/html/js/util.js"></script>
    <script src="/html/js/ajax.js"></script>
    <script src="/html/js/add.js"></script>
</head>

<body>
    <div id="allDiv">

        <div id="navDiv">
            <span>新用户注册</span>
        </div>

        <div id="inputDiv">
            <div class="txtDiv">
                <div class="txt1Div">
                    <span>用户名：</span><br>
                    <span class="txt">请输入1-10个字符</span>
                </div>
                <div class="txt2Div">
                    <input type="text" id="username" onblur="checkName()">
                    <span id="nameInfo"></span>
                </div>
            </div>

            <div class="txtDiv">
                <div class="txt1Div">
                    <span>用户密码：</span><br>
                    <span class="txt">请输入1-10个字符</span>
                </div>
                <div class="txt2Div">
                    <input type="password" id="pwd" onblur="ruleName()">
                    <span id="pwdInfo"></span>
                </div>
            </div>

            <div class="txtDiv">
                <div class="txt1Div">
                    <span>密码确认：</span><br>
                    <span class="txt">请输入1-10个字符,要与密码相同</span>
                </div>
                <div class="txt2Div">
                    <input type="password" id="againPwd" onblur="checkPwd()">
                    <span id="pwdSpan"></span>
                </div>
            </div>

            <div class="txtDiv">
                <div class="txt1Div">
                    <span>用户邮件：</span><br>
                    <span class="txt">形如aa@bb.com</span>
                </div>
                <div class="txt2Div">
                    <input type="email" id="email" onblur="ruleEmail()">
                    <span id="emailSpan"></span>
                </div>
            </div>

            <div class="txtDiv">
                <div class="txt1Div">
                    <span>用户头像：</span>
                </div>
                <div >
                    <form action="" id="radioDiv">
                        <input type="radio" name="img" value="1.jpg"><img src="img/1.jpg">
                        <input type="radio" name="img" value="2.jpg"><img src="img/2.jpg">
                        <input type="radio" name="img" value="3.jpg"><img src="img/3.jpg">
                        <input type="radio" name="img" value="4.jpg"><img src="img/4.jpg">
                        <input type="radio" name="img" value="6.jpg"><img src="img/6.jpg">
                        <input type="radio" name="img" value="7.jpg"><img src="img/7.jpg">
                    </form>
                    </div>
            </div>
        </div>

        <div id="buttonDiv">
            <input type="button" value="注册" onclick="addUser()">
            <input type="button" value="重置">
        </div>
    </div>
</body>
</html>